<template>
  <div class="login-back">
    <login-form></login-form>
  </div>


</template>

<script>
import LoginForm from '@/views/Login/components/LoginForm'
import axios from 'axios'

export default {
  name: 'index',
  components: { LoginForm },
  created: function () {
        if(localStorage.getItem('Token')){
          this.$router.replace('/Home')
        }
  },
}
</script>

<style scoped>


.login-back {

  border-radius: 10px;
  position: absolute;
  top: 0%;
  left: 50%;
  width: 33rem;
  height: 28rem;
  transform: translate(-50%, 30%);
  perspective: 1500px;
  -webkit-perspective: 1500px;
  -moz-perspective: 1500px;
  z-index: initial;
  /*background: #FFFFFF;*/
  opacity: 0.8;

}

.el-input--suffix .el-input__inner {
  padding-right: 189px
}

</style>
